// 选中卡片页面
<template>
  <van-nav-bar :title="title">
    <template #left>
      <van-icon name="wap-home" @click="tolist" />
    </template>
    <template #right>
      <van-icon name="wap-nav" @click="tolist" />
    </template>
  </van-nav-bar>
  <van-grid>
    <van-grid-item text="录入体征" @click="tofromdata">
      <template #icon>
        <img src="/tzlr.svg" alt="" />
      </template>
    </van-grid-item>
    <van-grid-item text="查看病历" @click="toblist">
      <template #icon>
        <img src="/ckbl.svg" alt="" />
      </template>
    </van-grid-item>
    <van-grid-item text="医嘱单" @click="toyzd">
      <template #icon>
        <img src="/yzd.svg" alt="" />
      </template>
    </van-grid-item>
        <van-grid-item text="医嘱执行" @click="toyyzzx">
      <template #icon>
        <img src="/yzzx.svg" alt="" />
      </template>
    </van-grid-item>
    <van-grid-item
      icon="photo-o"
      v-show="flase"
      text="在线聊天"
      @click="tochat"
    />
    <van-grid-item
      icon="photo-o"
      v-show="flase"
      text="在线视频"
      @click="tocalvideo"
    />
     <van-grid-item
      icon="photo-o"
      v-show="flase"
      text="three 3D"
      @click="toty3d"
    />
  </van-grid>
</template>

<script setup>
import { useRoute, useRouter } from "vue-router";
const router = useRouter();
const selectitem = JSON.parse(localStorage.getItem("selectitem"));
const title = selectitem.name + selectitem.age + "岁";
function tolist() {
  router.push("/");
}
function tofromdata() {
  router.push("/SignFormData");
}
function tochat() {
  router.push("/chart");
}
function tocalvideo() {
  router.push("/calvideo");
}
function toblist() {
  router.push("/bmllist");
}
function toyzd() {
  router.push("/yizhudata");
}
function toty3d() {
  router.push("/ty3d");
}
function toyyzzx() {
  router.push("/yyzzx");
}
</script>

<style scoped>
.van-grid:deep {
   display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
</style>
